<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
<head>
    <th:block th:include="include :: header('新增专辑')" />
    <th:block th:include="include :: datetimepicker-css" />
</head>
<body class="white-bg">
    <div class="wrapper wrapper-content animated fadeInRight ibox-content">
        <form class="form-horizontal m" id="form-album-add">
            <div class="form-group">    
                <label class="col-sm-3 control-label"><span style="color: red; ">*</span>专辑名称：</label>
                <div class="col-sm-8">
                    <input name="title" class="form-control" type="text" required>
                </div>
            </div>
            <div class="form-group">    
                <label class="col-sm-3 control-label">简介：</label>
                <div class="col-sm-8">
                    <textarea name="description" class="form-control" type="text"></textarea>
                </div>
            </div>
            <div class="form-group">    
                <label class="col-sm-3 control-label">导演：</label>
                <div class="col-sm-8">
                    <input name="director" class="form-control" type="text">
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-3 control-label">主演：</label>
                <div class="col-sm-8">
                    <textarea name="leadingActor" class="form-control"></textarea>
                </div>
            </div>

            <div class="form-group">
                <label class="col-sm-3 control-label">cid(选填)：</label>
                <div class="col-sm-3">
                    <input name="cid" class="form-control" type="text">
                </div>
                <label class="col-sm-3 control-label">引入商务：</label>
                <div class="col-sm-3">
                    <select name="businessLeader" class="form-control m-b">
                        <option value="">请选择</option>
                        <option th:each="authorizer : ${businessLeaderList}" th:text="${authorizer['businessLeader']}" th:value="${authorizer['businessLeader']}" th:field="*{authorizer.businessLeader}"></option>
                    </select>
                </div>
            </div>

            <div class="form-group">
                <label class="col-sm-3 control-label"><span style="color: red; ">*</span>分类：</label>
                <div class="col-sm-3">
                    <select name="classId" class="form-control m-b" required>
                        <option value="">请选择</option>
                        <option th:each="classification : ${classificationList}" th:text="${classification['className']}" th:value="${classification['classId']}" th:field="*{classification.classId}"></option>
                    </select>
                </div>
                <label class="col-sm-3 control-label">类型：</label>
                <div class="col-sm-3">
                    <input name="type" class="form-control" type="text" title="动作、科幻、惊悚...">
                </div>
            </div>

            <div class="form-group">    
                <label class="col-sm-3 control-label">语言：</label>
                <div class="col-sm-3">
                    <input name="langue" class="form-control" type="text">
                </div>
                <label class="col-sm-3 control-label">地区：</label>
                <div class="col-sm-3">
                    <input name="areaName" class="form-control" type="text">
                </div>
            </div>

            <div class="form-group">    
                <label class="col-sm-3 control-label">评分：</label>
                <div class="col-sm-3">
                    <input name="score" class="form-control" type="text">
                </div>
                <label class="col-sm-3 control-label">年龄段：</label>
                <div class="col-sm-3">
                    <input name="ageGroup" class="form-control" type="text">
                </div>
            </div>

            <div class="form-group">
                <label class="col-sm-3 control-label"><span style="color: red; ">*</span>总集数：</label>
                <div class="col-sm-3">
                    <input name="episodeAll" class="form-control" type="text" required>
                </div>
                <label class="col-sm-3 control-label">单集时长：</label>
                <div class="col-sm-3">
                    <input name="times" class="form-control" type="text">
                </div>
            </div>

            <div class="form-group">
                <label class="col-sm-3 control-label">总时长-分钟：</label>
                <div class="col-sm-3">
                    <input name="allTimesMin" class="form-control" type="text">
                </div>
                <label class="col-sm-3 control-label">总时长-小时：</label>
                <div class="col-sm-3">
                    <input name="allTimesHour" class="form-control" type="text">
                </div>
            </div>

            <div class="form-group">
                <label class="col-sm-3 control-label">分辨率：</label>
                <div class="col-sm-3">
                    <input name="resolution" class="form-control" type="text">
                </div>
                <label class="col-sm-3 control-label">上映日期：</label>
                <div class="col-sm-3">
                    <div class="input-group date">
                        <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                        <input name="publishDate" class="form-control" placeholder="yyyy-MM-dd" type="text">
                    </div>
                </div>
            </div>

            <div class="form-group">
                <label class="col-sm-3 control-label">标签：</label>
                <div class="col-sm-3">
                    <select name="tag" class="form-control m-b">
                        <option value="-1">未知</option>
                        <option value="1">独播</option>
                        <option value="2">自制</option>
                        <option value="3">vip</option>
                        <option value="4">腾讯视频</option>
                    </select>
                </div>
                <label class="col-sm-3 control-label">网大/院线：</label>
                <div class="col-sm-3">
                    <select name="theatreInternet" class="form-control">
                        <option value="-1">未知</option>
                        <option value="1">院线</option>
                        <option value="2">网大</option>
                    </select>
                </div>
            </div>

            <div class="form-group">
                <label class="col-sm-3 control-label">发行许可证：</label>
                <div class="col-sm-3">
                    <input name="issueLicense" class="form-control" type="text">
                </div>
                <label class="col-sm-3 control-label">制作许可证：</label>
                <div class="col-sm-3">
                    <input name="makeLicense" class="form-control" type="text">
                </div>
            </div>

            <div class="form-group">
                <label class="col-sm-3 control-label">制作单位：</label>
                <div class="col-sm-3">
                    <input name="productionCompany" class="form-control" type="text">
                </div>
                <label class="col-sm-3 control-label">播出平台：</label>
                <div class="col-sm-3">
                    <input name="playPlatform" class="form-control" type="text">
                </div>
            </div>

            <div class="form-group">
                <label class="col-sm-3 control-label"><span style="color: red; ">*</span>授权方：</label>
                <div class="col-sm-3">
                    <select name="authorizerId" class="form-control m-b" required>
                        <option value="">请选择</option>
                        <option th:each="authorizer : ${authorizerList}" th:text="${authorizer.shortName}" th:value="${authorizer.authorizerId}"></option>
                    </select>
                </div>
                <label class="col-sm-3 control-label">是否可提供：</label>
                <div class="col-sm-3">
                    <select name="isProvide" class="form-control m-b">
                        <option value="-1">未知</option>
                        <option value="1">可提供</option>
                        <option value="2">着重可提供</option>
                        <option value="0">不可提供</option>
                    </select>
                </div>
            </div>

            <div class="form-group">
                <label class="col-sm-3 control-label"><span style="color: red; ">*</span>授权开始：</label>
                <div class="col-sm-3">
                    <div class="input-group date">
                        <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                        <input name="authorBeginDate" class="form-control" placeholder="yyyy-MM-dd" type="text" required>
                    </div>
                </div>
                <label class="col-sm-3 control-label"><span style="color: red; ">*</span>授权截止：</label>
                <div class="col-sm-3">
                    <div class="input-group date">
                        <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                        <input name="authorEndDate" class="form-control" placeholder="yyyy-MM-dd" type="text" required>
                    </div>
                </div>
            </div>

            <div class="form-group">
                <label class="col-sm-3 control-label">ott版权：</label>
                <div class="col-sm-3">
                    <select name="isOttCopyright" class="form-control m-b">
                        <option value="-1">未知</option>
                        <option value="1">有</option>
                        <option value="0">没有</option>
                    </select>
                </div>
                <label class="col-sm-3 control-label">iptv版权：</label>
                <div class="col-sm-3">
                    <select name="isIptvCopyright" class="form-control m-b">
                        <option value="-1">未知</option>
                        <option value="1">有</option>
                        <option value="0">没有</option>
                    </select>
                </div>
            </div>

            <div class="form-group">
                <label class="col-sm-3 control-label">版权类型：</label>
                <div class="col-sm-3">
                    <select name="copyrightType" class="form-control m-b">
                        <option value="-1">未知</option>
                        <option value="1">独播</option>
                        <option value="0">非独播</option>
                    </select>
                </div>
                <label class="col-sm-3 control-label"><span style="color: red; ">*</span>内容等级：</label>
                <div class="col-sm-3">
                    <select name="isProvide" class="form-control m-b" required>
                        <option value="">未知</option>
                        <option value="S+">S+</option>
                        <option value="S">S</option>
                        <option value="S-">S-</option>
                        <option value="A+">A+</option>
                        <option value="A">A</option>
                        <option value="B">B</option>
                        <option value="C">C</option>
                    </select>
                </div>
            </div>

            <div class="form-group">
                <label class="col-sm-3 control-label"><span style="color: red; ">*</span>采购类型：</label>
                <div class="col-sm-3">
                    <select name="purchaseType" class="form-control m-b">
                        <option value="-1">未知</option>
                        <option value="1">采购</option>
                        <option value="2">按月结算</option>
                    </select>
                </div>
            </div>

            <div class="form-group">
                <label class="col-sm-3 control-label">版权参考：</label>
                <div class="col-sm-3">
                    <input name="copyrightRefer" class="form-control" type="text">
                </div>
                <label class="col-sm-3 control-label">版权信息：</label>
                <div class="col-sm-3">
                    <input name="copyrightInfo" class="form-control" type="text">
                </div>
            </div>

            <div class="form-group">
                <label class="col-sm-3 control-label">移动盘路径：</label>
                <div class="col-sm-3">
                    <input name="mobileDisk" class="form-control" type="text">
                </div>
                <label class="col-sm-3 control-label">服务器路径：</label>
                <div class="col-sm-3">
                    <input name="serverDisk" class="form-control" type="text">
                </div>
            </div>

        </form>
    </div>
    <th:block th:include="include :: footer" />
    <th:block th:include="include :: datetimepicker-js" />
    <script type="text/javascript">
        var prefix = ctx + "media/album"
        $("#form-album-add").validate({
            focusCleanup: true
        });

        function submitHandler() {
            if ($.validate.form()) {
                $.operate.save(prefix + "/add", $('#form-album-add').serialize());
            }
        }

        $("input[name='publishDate']").datetimepicker({
            format: "yyyy-mm-dd",
            minView: "month",
            autoclose: true
        });

        $("input[name='authorBeginDate']").datetimepicker({
            format: "yyyy-mm-dd",
            minView: "month",
            autoclose: true
        });

        $("input[name='authorEndDate']").datetimepicker({
            format: "yyyy-mm-dd",
            minView: "month",
            autoclose: true
        });
    </script>
</body>
</html>